@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
    font-family: "jetbrains-mono";
    src: url('../public/assets/fonts/JetBrainsMonoNerdFontMono-Regular.ttf')format('truetype');
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
 
}

/* 'mono-font' for code editor and I/O boxes */
.mono-font, .mono-font  * {
    font-family: "jetbrains-mono" !important;
    font-variant-ligatures: none;
}

html,
body {
    height: 100%;
    width: 100%;
}

/* Slide transitions*/
.slide-enter {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.slide-enter-active {
    transform: translateX(0);
    opacity: 1;
}

.slide-exit {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.slide-exit-active {
    transform: translateX(100%);
    opacity: 0;
}

.cursor-row-resize {
    cursor: row-resize;
}